Skip to content

Conversation

@Garethp
Copy link

@Garethp Garethp commented Nov 30, 2020

Essentially this created a function that created a new function with the definition of automatically spreading out the passed in arguments so that you can have context-less templates. I'm aware that this is a feature in v2, but I thought it might be useful to add to v1, especially since v2 is in beta

.replace(/\t/g, "\\t");

return new Function('it', (function (str) {
return 'return (new Function("{" + ' + "Object.keys(it).join(', ')" + ' + "}", "' + str + '"))(it)';
Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"{" + ' + "Object.keys(it).join(', ')" + ' + "}"

Here we're getting all the keys in the object and exploding them so that we end up with new Function({foo, bar, baz}, "escapedFunctionBody"), which is what allows us to use the template in a non-context way. Object.keys is called when the outer function is called, as part of the process of building the inner function because it's not technically wrapped in "'s.

str is called when the inner function is executed because it is wrapped in "'s

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

return (new Function("{" + ' + "Object.keys(it).join(', ')" + ' + "}", "' + str + '"))(it)

Since we want to perform the explosion at runtime, our outside function returns a self-calling function so that the user doesn't have to do something like doT.template(template)(data)(); This way when they do doT.template(template)(data) the inner function created and called at the same time

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Essentially this created a function that created a new function with the definition of automatically spreading out the passed in arguments so that you can have context-less templates. I'm aware that this is a feature in v2, but I thought it might be useful to add to v1, especially since v2 is in beta

@Garethp, having this implementation would cause doT v1 to fail on older browsers which are not es5 compliant

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@elcharitas True, but I think that it should still be backwards compatible with older v1 versions. All of the ES6 syntax exists inside the function that gets built at run-time only if you use the no-context option. Anyone should be able to upgrade to this change without affecting older browsers, it just means that the new feature wouldn't work on older browsers.

Is having a feature that's only available to browsers in the last 5-ish years a problem if it doesn't stop the package from working on older browsers the way it did previously?

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I wish i had a say on this as you've fully convinced me.

I was of the opinion that new features should just be implemented in v2 but taking a look at v2 again, i see a lot of breakage :(

Also, i think it's noteworthy that v1 hasn't been updated in a while. Hopefully this merge would be accepted as I'd love to see that happen

@Garethp
Copy link
Author

Garethp commented Nov 30, 2020

Since it was a bit of a mindtwist trying to write the code, I thought I'd leave a couple of comments on how it works

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants